<template>
  <div>
    <div v-if="flag">
       <AppSon name1="zhangsan" :age2="age"/>
    </div>
    <button @click="fn">修改flag</button>
    <hr>
    <Appgirl @zzh="girlsend"></Appgirl>
  </div>
</template>

<script>
// vue是单向数据流,子组件要想给父组件传参，需要父组件自定义一个事件，这个自定义事件的值是一个方法，将这个方法传递给子组件，子组件调用父组件得方法，
// 调用方法得实参就传给了父组件得方法得形参
import AppSon from "./components/appson.vue"
import Appgirl from "./components/appgirl.vue"
export default {
      data() {
        return {
          flag : true,
          age:true
        }
      },
      methods:{
        fn () {
            this.flag = !this.flag
        },
        girlsend(data){
            console.log(data)
        }
      },
      components:{ // 组件注册
          AppSon,
          Appgirl
      }
}
</script>

<style>

</style>